CSS 层叠

阐述

CSS 层叠是合并多个不同来源的样式定义并得出最终定义的方式。样式表分为

• 用户代理样式表
• 作者样式表：即网页制作者提供的样式表
• 用户样式表：即用户提供的样式表

浏览器首先找到和一个元素相关的所有样式，然后按照以下三个步骤进行层叠：

1. 来源和重要性：按照用户代理、用户、作者、CSS 关键帧、作者重要、用户重要、用户代理重要、CSS 过渡的顺序从低到高确定；
2. 确切性：在来源和重要性相同时，按照选择器是否确切地作用于一个元素确定；
3. 顺序：在确切性也相同时，按照声明顺序的先后确定；

实例

性质

相关内容

参考文献

• CSS cascade - MDN